<template>
  <el-table-column
    :prop="String(col.prop)"
    :label="col.label"
    align="center"
  >
    <template v-if="col.children && col.children.length">
      <my-column
        v-for="(item, index) in col.children"
        :key="index"
        :col="item"
      />
    </template>
  </el-table-column>
</template>

<script>
export default {
  name: 'MyColumn',
  props: {
    col: {
      type: Object,
      default: () => {
        return {}
      }
    }
  }
}
</script>
<style scoped>
</style>
